$small:10px;
$default:15px;
$large:20px;

.spin_wrapper{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(236, 230, 230,0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
.spin_wrapper .click_block{
    position: absolute;;
    width:10px;
    height:10px;
    background:rgb(243, 171, 36);
    border-radius:50%;
    transform-origin: 5px 15px;
    animation: rotate 2s linear infinite;
}

.spin_wrapper .click_block::before{
    position: absolute;;
    width:10px;
    height:10px;
    background:rgb(250, 160, 160);
    border-radius:50%;
    left: -8.66px;
    top: 15px;
    content: "";
    display: inline-block;
}

.spin_wrapper .click_block::after{
    position: absolute;
    width:10px;
    height:10px;
    background:rgb(201, 248, 201);
    border-radius:50%;
    left: 8.66px;
    top: 15px;
    content: "";
    display: inline-block;
}

@keyframes rotate{
    100%{
        transform: rotate(720deg) translate3d(0, 0, 0);
    }
}
